button {
  border-radius: 5px;
  border: 0;
  text-align: center;

  &::after {
    border: 0;
  }
}

.type {
  color: #fff;
  font-size: $font-sm;
  width: 125rpx;
  height: 50rpx;
  line-height: 52rpx;
  padding-left: 16rpx;
  padding-right: 16rpx;
}

button[type=primary] {
  background-color: $primary-color !important;
  @extend .type;

}

button[type=warn] {
  background-color: $warn-color;
  @extend .type;

}

button.large {
  width: 100%;
  font-size: $font-x-lg;
  height: 86rpx;
  line-height: 86rpx;
  border-radius: 13px;
  background-color: #fff;
  color: $font-color-title;

}